<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // const obj = {
    //   name: 'vue3',
    //   age: 9
    // }

    // // 取值
    // // 点
    // console.log(obj.name)
    // console.log(obj.age)

    // // 中括号
    // console.log(obj['name'])
    // console.log(obj['age'])

    // // 注意：当属性名是字符串的时候，只能用中括号取值
    // let x = 'name'
    // let y = 'age'
    // console.log(obj[x])
    // console.log(obj[y])

    // console.log(obj.x)// undefined
    // console.log(obj.y)// undefined


    // 简写
    let min = 1
    let max = 99

    // 以前的写法(不简写)
    // const obj = {
    //   min: min,
    //   max: max
    // }

    // 现在的写法
    // const obj = {
    //   min,
    //   max
    // }
    // console.log(obj)

    // 方法的简写

    const obj = {
      name: 'bit',
      age: 9,
      fn () {
        console.log('fn')
      }
    }

    obj.fn()








  </script>
</body>

</html>